﻿/* GLOBAL STYLES */

.product-details-page .full-description,
.product-details-page .product-specs-box, 
.product-details-page .product-reviews-overview, 
.product-details-page .product-no-reviews,
.ui-tabs .product-specs-box .title {
    display: none;
}
.ui-tabs .product-specs-box,
.ui-tabs .product-reviews-page,
.ui-tabs .full-description  {
    display: block;
}
.productTabs-body p {
    margin: 8px 0;
}
.productTabs-body ul {
	margin: 12px 0;
	padding-left: 36px;
	list-style: disc;
}
.productTabs-body ol {
	margin: 12px 0;
	padding-left: 36px;
	list-style: decimal;
}
/*=====================================================
    
    TABLETS LANDSCAPE & NETBOOKS

=====================================================*/

@media screen and (max-width: 980px) and (min-width: 769px) {

    .ui-tabs .ui-tabs-nav {
        float: none;
        background: none;
    }
    .ui-tabs .ui-tabs-nav li {
	     background: #1f1f1f;
         overflow: hidden;
    }
        .ui-tabs .ui-tabs-nav li:first-child {
            background: #1f1f1f;
            border-radius: 5px 0 0 0;
        }
        .ui-tabs .ui-tabs-nav li:last-child {
            border-radius: 0 5px 0 0;
        }
    .ui-tabs .ui-tabs-nav li a {
	    background: url('images/responsive-navpad.png') top repeat-x;
	    text-align: center;
        display: block;
        height: auto;
	    line-height: 42px;
	    -webkit-transition: color .07s ease-in-out;
	    -moz-transition: color .07s ease-in-out;
	    -o-transition: color .07s ease-in-out;
	    transition: color .07s ease-in-out;
        border-radius: 0 !important;
    }
    .ui-tabs .ui-tabs-nav li a:hover {
	    background: url('images/responsive-navpad.png') bottom repeat-x;
    }

}



/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media screen and (max-width: 768px) and (min-width: 481px) {

    .ui-tabs .ui-tabs-nav {
        float: none;
        background: none;
    }
    .ui-tabs .ui-tabs-nav li {
	     float: none;
	     border-top: 1px solid #2f2f2f;
	     background: #1f1f1f;
	     padding: 0;
         border-radius: 0;
         overflow: hidden;
    }
        .ui-tabs .ui-tabs-nav li:first-child {
            background: #1f1f1f;
            border-radius: 5px 5px 0 0;
        }
        .ui-tabs .ui-tabs-nav li:last-child {
            border-radius: 0 0 5px 5px;
        }
    .ui-tabs .ui-tabs-nav li a {
	    background: url('images/responsive-navpad.png') top repeat-x;
	    text-align: center;
        display: block;
        height: auto;
	    line-height: 42px;
	    -webkit-transition: color .07s ease-in-out;
	    -moz-transition: color .07s ease-in-out;
	    -o-transition: color .07s ease-in-out;
	    transition: color .07s ease-in-out;
        border-radius: 0 !important;
    }
    .ui-tabs .ui-tabs-nav li a:hover {
	    background: url('images/responsive-navpad.png') bottom repeat-x;
    }

    .ui-tabs .ui-tabs-panel {
        border-top: 0;
    }

}



/*=====================================================
    
    SMALLER MOBILE DEVICES

=====================================================*/

@media screen and (max-width: 480px) {

    .ui-tabs .ui-tabs-nav {
        float: none;
        background: none;
    }
    .ui-tabs .ui-tabs-nav li {
	     float: none;
	     border-top: 1px solid #2f2f2f;
	     background: #1f1f1f;
	     padding: 0;
         border-radius: 0;
         overflow: hidden;
    }
        .ui-tabs .ui-tabs-nav li:first-child {
            background: #1f1f1f;
            border-radius: 5px 5px 0 0;
        }
        .ui-tabs .ui-tabs-nav li:last-child {
            border-radius: 0 0 5px 5px;
        }
    .ui-tabs .ui-tabs-nav li a {
	    background: url('images/responsive-navpad.png') top repeat-x;
	    text-align: center;
        display: block;
        height: auto;
	    line-height: 42px;
	    -webkit-transition: color .07s ease-in-out;
	    -moz-transition: color .07s ease-in-out;
	    -o-transition: color .07s ease-in-out;
	    transition: color .07s ease-in-out;
        border-radius: 0 !important;
    }
    .ui-tabs .ui-tabs-nav li a:hover {
	    background: url('images/responsive-navpad.png') bottom repeat-x;
    }

    .ui-tabs .ui-tabs-panel {
        border-top: 0;
    }

}